<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商品详情页</title>
	<link rel="stylesheet" href="../css/info-style.css">
	<link rel="stylesheet" href="../fonts/iconfont.css">
	<script src="../fonts/iconfont.js"></script>
	<script src="../js/jquery-1.10.2.min.js"></script>
</head>
<body>
	<!-- 页面顶部 -->
	<header>
		<div class="lfloat">
			<i class="iconfont icon-icon_home" style="font-size:20px;margin-left: 10px"></i>
			<span>企业LOGO</span>
		</div>
		<div class="rfloat">
			<ul>
				<li class="lfloat nonehov"><a href=""><i class="iconfont icon-search" style="margin-top:2px"></i></a></li>
				<li class="lfloat"><a href="index.html">返回首页</a></li>
				<li class="lfloat"><a href="">控制台</a></li>
				<li class="lfloat"><a href="UserCenter.html">用户中心</a></li>
				<li class="lfloat"><a href="service.html">服务商中心</a></li>
				<li class="lfloat"><a href="">登录</a></li>
				<li class="lfloat bgresign"><a href="">注册</a></li>
			</ul>
			<div class="clear"></div>
		</div>
	</header>
	<!-- 搜索部分 -->
	<div class="searchWrap">
		<div class="centerWrap">
			<div class="searchContent">
				<div class="searchL">
					<h1 style="font-weight: normal;font-size:40px">API市场</h1>
					<span style="font-size:13px">支持两化融合，快速上云</span>
				</div>
				<div class="searchbox">
					<form action="">
						<input type="text" placeholder="请在此输入您需要的服务" />
						<button><i class="iconfont icon-fangdajing"></i></button>
					</form>
					<a href="">病毒清除</a>&nbsp;|&nbsp;
					<a href="">安全防护</a>&nbsp;|&nbsp;
					<a href="">网站搬家</a>&nbsp;|&nbsp;
					<a href="">数据库</a>&nbsp;|&nbsp;
					<a href="">存储备份</a>&nbsp;|&nbsp;
					<a href="">故障</a>&nbsp;|&nbsp;
					<a href="">企业管理</a>
				</div>
				<div class="searchR">
					<a href="">买家中心</a>
					<span>
						卖家中心<i><img src="../imgs/down1.png" alt="" /></i>
						<ul class="downlist">
							<li>1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
						</ul>
					</span>
				</div>
			</div>
			<ul class="navlist">
				<li class="navactive">
					<a href="">API市场分类</a>
					<ul class="downlist">
						<li>
							<a href="">金融理财</a> 
							<a href="">股票行情</a> &nbsp;&nbsp;
							<a href="">汇率查询转换</a>
							<div class="rightlist">
								<p>金融理财</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">股票行情</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">汇率查询转换</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">汇率查询转换</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">汇率查询转换</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">股票行情</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">电子商务</a> 
							<a href="">图像识别</a> &nbsp;&nbsp;
							<a href="">数据可视化</a>
							<div class="rightlist" style="top:-101px">
								<p>电子商务</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">图像识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">数据可视化</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">数据可视化</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">数据可视化</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">图像识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">人工智能</a> 
							<a href="">人脸识别</a> &nbsp;&nbsp;
							<a href="">语种识别</a>
							<div class="rightlist" style="top:-152px;">
								<p>人工智能</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">人脸识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">语种识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">语种识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">语种识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">人脸识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">生活服务</a> 
							<a href="">快速查询</a> &nbsp;&nbsp;
							<a href="">医院接口</a>
							<div class="rightlist" style="top:-203px">
								<p>生活服务</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">快速查询</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">医院接口</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">医院接口</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">医院接口</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">快速查询</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">交通地理</a> 
							<a href="">驾驶证识别</a> &nbsp;&nbsp;
							<a href="">违章查询</a>
							<div class="rightlist" style="top:-254px">
								<p>交通地理</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">驾驶证识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">违章查询</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">违章查询</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">违章查询</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">驾驶证识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">气象水利</a> 
							<a href="">天气预报</a> &nbsp;&nbsp;
							<a href="">空气质量</a>
							<div class="rightlist" style="top:-305px">
								<p>气象水利</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">天气预报</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">天气预报</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">空气质量</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">空气质量</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">天气预报</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>
				</li>
				<li><a href="">基础软件</a></li>
				<li><a href="">网站建设</a></li>
				<li><a href="">企业应用</a></li>
				<li><a href="">专业服务</a></li>
				<li><a href="">开发工具</a></li>
			</ul>
		</div>
	</div>
	<!--商品详情-->
	<section>
		<p class="apis">API市场&nbsp;&gt;&nbsp;人工智能</p>
		<div class="detailsbox">
			<div class="detailsleft">
				<div class="pname">
					<div class="detlogo">
					<span><img src="../imgs/logo1.jpg" alt="" width="100%"></span></div>
					<div class="detinfo">
						<p class="fsize1">飞搜图像识别（公测）</p>
						<p class="fsize2">该服务是自动判别图像中目标的类别和场景（包含了数千个类别，包括服装、家居、动植物、暴恐图片、色情图片等）的类别</p>
						<div class="pricebox">
							<p>￥1.00</p>
							<div>
								<p class="fsize2">
									用户积累评分：
									<i class="iconfont icon-star_full red"></i>
									<i class="iconfont icon-star_full red"></i>
									<i class="iconfont icon-star_full red"></i>
									<i class="iconfont icon-star_full red"></i>
									<i class="iconfont icon-wujiaoxing red"></i>
								</p>
								<p class="fsize2">近90天销量：90笔</p>
							</div>
						</div>
					</div>
				</div>
				<div class="priceinfo">
					<form action="">
					<div>
						<p class="fsize2">套餐版本：</p> 
						<input type="button" value="1元/100次" class="activesuit" selected="selected"> 
						<input type="button" value="600元/60000次"> 
					</div>
					<div>
						<p class="fsize2">套餐配额：</p> 
						<input type="button" value="100次" class="activesuit"> 
					</div>
					<div>
						<p class="fsize2">购买时长：</p> 
						<input type="button" value="单次" class="activesuit">
						<span class="fsize2">自购买之日起1年内有效</span>
					</div>
					<div>
						<p class="fsize2">购买个数：</p> 
						<input type="number" value="1"> 
					</div>
					<div>
						<p class=""></p> 
						<div>
							<input type="button" value="立即购买" class="buysome"> <br>
							<div class="fsize2">实际扣费以账单为准  &nbsp;&nbsp;&nbsp;<a href="" class="fsize2">了解收费详情&gt;&gt;</a></div>
						</div>
					</div>
					</form>
					<script>
						$("form div").eq(0).find("input").click(function(){
							$("form div").eq(0).find("input").removeClass("activesuit");
							$(this).addClass("activesuit");
						})
					</script>
					<br>
					<hr>
				</div>
				<div class="safeinfo">
					<span>服务承诺： <i class="iconfont icon-tuikuan" style="color:#61a0f0;font-size:22px;"></i> 支持全额退款</span>
					<span><i class="iconfont icon-anquan" style="color:#61a0f0;font-size:22px;"></i> 服务全程监督</span>
					<span><i class="iconfont icon-renzheng" style="color:#f37f70;font-size:22px;"></i>认证服务商</span>
				</div>
				<div class="detailswrap">
					<ul class="detailsnav">
						<li class="activesty"><a href="#prodet">产品详情</a></li>
						<li><a href="#prosize">规格</a></li>
						<li><a href="#proexamples">客户案例</a></li>
						<li><a href="#proservers">服务与支持</a></li>
						<li><a href="#reviews">用户评价（0）</a></li>
					</ul>
					<script>
						$(".detailsnav li").click(function(){
							$(".detailsnav li").removeClass("activesty");
							$(this).addClass("activesty");
						})
					</script>
					<div class="prodet" id="prodet">
						<div class="h3">产品详情</div>
						<div class="prodetd"><p>版本：1.0</p> <p>类型：人工智能</p></div>
						<div class="prodetd"><p>适用于：WINDOWS/LINUX/UNIX</p> <p>发布日期：2018-07-04</p></div>
						<p>该服务是自动判别图像中目标的类别和场景（自定义了数千个类别，包括服装、家居、动植物、暴力、色情等）辨识出来，可用于产品推荐，自动相册分析整理，互联网安全等领域</p>
					</div>
					<div class="prospe">
						<div class="h4">产品特点</div>
						<p>
							利用深度学习方法，迅速准确辨别图像中目标的类别和场景，系统会把我们定义的2000类（含色情图片识别、暴恐图片识别）标记在图片上。概率输出范围是0%~100%，分数越高，测试图片与该语义概念接近度越高。根据具体设置，最多返回50个相似类别。其中，色情识别分为四类，分别是色情、疑似色情、性感、普通。
						</p>
					</div>
					<div class="proimg1"><img src="../imgs/proinfo1.png" alt="" width="100%"/></div>
					<div class="proimg2"><img src="../imgs/proinfo2.png" alt="" width="100%"/></div>
					<div class="prosize" id="prosize">
						<div class="h4">产品规格</div>
						<table border="0" cellspacing="0" cellpadding="0" width="100%" >
							<tr align="center">
								<td>版本名称</td>
								<td>计费项</td>
								<td>新购</td>
							</tr>
							<tr align="center">
								<td>1元/100次</td>
								<td>版本基础价格</td>
								<td>1元</td>
							</tr>
							<tr align="center">
								<td>600元/60000次</td>
								<td>版本基础价格</td>
								<td>600元</td>
							</tr>
						</table>
					</div>
					<div class="proexamples" id="proexamples">
						<div class="h4">客户案例</div>
						<p>歌丽叶·大理石瓷砖网站建设</p>
						<p>HTTP://WWW.GRIET.COM.CN 国际化的大理石瓷砖品牌 BRAND POSITION : A MODERN CERAMIC BRAND FOCUSED ON MARBLE TILES.歌丽叶，是一个以设计为核心的现代瓷砖品牌，专注于大理石瓷砖的研发与运用。</p>
						<br />
						<p>亚太国展网站建设</p>
						<p>HTTP://WWW.YTGZGC.COM 深圳市亚太国展工程有限公司是集商业展览、展馆展厅、活动会议、商业空间、室内外装饰等项目的创意策划、设计施工、运营管理为一体的专业型机构。多年来，公司坚持以人为本，从生态、可持续发展的设计方向，走坚持“品牌化、专业化、精细化”的发展道路。迄今为止，公司业务范围已全面覆盖全国各大一二线城市、港澳台及海外地区。</p>
					</div>
					<div class="proservers" id="proservers">
						<div class="h4">服务与支持</div>
						<p>软件授权书</p>
						<p>我方是云网站自助建站管理软件的合法权利人，并承诺向你方提供相应的软件著作权证明和相关授权书等信息，为更好的促进我方软件的销售和推广，就授权你方使用我方软件事宜出具本授权书，具体事项如下</p>
						<br /><a href="">查看详情&gt;&gt;</a>
					</div>
					<div class="reviews" id="reviews">
						<div class="h4">用户评价</div>
						<p>暂时无相关客户案例，等待更新</p>
					</div>
				</div>
			</div>
			<div class="detailsright">
				<div class="serversinfo">
					<p>服务商相关信息</p>
					<hr />
					<div style="text-align: center;margin-top: 10px;">
						<span><img src="../imgs/logo1.jpg" alt="" width="30%"/></span>
					</div>
					<div style="text-align: center;margin-top: 10px;"><a href="" style="color:#5b9df1">北京飞搜科技有限公司</a></div>
					<div class="coninfo">
						<p>客服电话：<span>400-800-5185</span></p>
						<p>客服邮箱：<span>TAC@HILLSTONENET.COM</span></p>
						<div><p>通讯地址：</p><p>北京市海淀区宝盛南路1号院20号楼5层</p></div>
						<p>问题处理：<a href="">提交工单</a></p>
					</div>
				</div>
				<div class="recommendwrap">
					<p>相关推荐</p>
					<hr />
					<div class="recommend">
						<div class="imgwrap"><img src="../imgs/infos.png" alt="" /></div>
						<div class="infowrap">
							<p><a href="">智能头像技术-图像识别</a></p>
							<p>用户评分：4.5</p>
							<p><span>￥0/次</span></p>
						</div>
					</div>
					<div class="recommend">
						<div class="imgwrap"><img src="../imgs/infos.png" alt="" /></div>
						<div class="infowrap">
							<p><a href="">智能头像技术-图像识别</a></p>
							<p>用户评分：4.5</p>
							<p><span>￥0/次</span></p>
						</div>
					</div>
					<div class="recommend">
						<div class="imgwrap"><img src="../imgs/infos.png" alt="" /></div>
						<div class="infowrap">
							<p><a href="">智能头像技术-图像识别</a></p>
							<p>用户评分：4.5</p>
							<p><span>￥0/次</span></p>
						</div>
					</div>
					<div class="recommend">
						<div class="imgwrap"><img src="../imgs/infos.png" alt="" /></div>
						<div class="infowrap">
							<p><a href="">智能头像技术-图像识别</a></p>
							<p>用户评分：4.5</p>
							<p><span>￥0/次</span></p>
						</div>
					</div>
					<div class="recommend">
						<div class="imgwrap"><img src="../imgs/infos.png" alt="" /></div>
						<div class="infowrap">
							<p><a href="">智能头像技术-图像识别</a></p>
							<p>用户评分：4.5</p>
							<p><span>￥0/次</span></p>
						</div>
					</div>
					<div class="recommend">
						<div class="imgwrap"><img src="../imgs/infos.png" alt="" /></div>
						<div class="infowrap">
							<p><a href="">智能头像技术-图像识别</a></p>
							<p>用户评分：4.5</p>
							<p><span>￥0/次</span></p>
						</div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
	</section>
	<!-- 页尾部分 -->
	<footer>
		<p>Copyright&copy;1994-2017 国家工业信息安全发展研究中心版权所有</p>
	</footer>
</body>
<script>
	$(document).on("click",".buysome",function (e) {
        window.location.href="book.html";
	});
</script>
</html>